{include file='../public/header.html'}

	<div class="main">
		{include file='../public/left.html'}
		<div class="right">
			<nav aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="#">Home</a></li>
					<li class="breadcrumb-item"><a href="#">Library</a></li>
					<li class="breadcrumb-item active" aria-current="page">Data</li>
				</ol>
			</nav>
			<div class="main-content">
				<div class="menu-list">
					<button type="button" class="btn btn-primary btn-cust" data-toggle="modal" data-target="#myModal">添加栏目</button>					
					<ul class="list-group" style="width: 100%;">
					  <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					  <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					  <li class="list-group-item list-group-item-primary">A simple primary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					  <li class="list-group-item list-group-item-secondary">A simple secondary list group item</li>
					</ul>
				</div>	
			</div>
		</div>
	</div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
	{include file='../public/dialog.html'}
	<script type="text/javascript">
		$(function(){
			//获取系统当前的年、月、日
			var date = new Date();
			var year = date.getFullYear();
			var month = date.getMonth() + 1;
			var day = date.getDate();
			var datestr = year + "年" + month + "月" + day + "日  ";
			$('.lb-date').html(datestr);
			
			start();
		});
		//判断时间是否为个位数，如果时间为个位数就在时间之前补上一个“0”
		function check(val) {
			if (val < 10) {
				return ("0" + val);
			} 
			else {
				return (val);
			}
		}
		function displayTime() {
			//获取系统当前小时、分钟、毫秒
			var date = new Date();
			var hour = date.getHours();
			var minutes = date.getMinutes();
			var second = date.getSeconds();
			var timestr =  check(hour) + ":" + check(minutes) + ":" + check(second);
			
			//将系统时间设置到div元素中
			$('.lb-time').html(timestr);
		}
		//每隔1秒调用一次displayTime函数
		function start(){
			window.setInterval("displayTime()",1000)//单位是毫秒
		}
	</script>

  </body>
</html>